// 设置全局样式
@import './variable.less';


// 页面样式
.pageContainer {
    height: calc(100vh - 40px - @padding-md * 5 - @layout-header-height);
}

// 筛选列表的样式
.search-con {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    .mt {
        display: flex;
        align-items: center;
        margin-right: 20px;
        margin-bottom: 20px;
        .tip {
            margin-right: 10px;
            min-width: 58px;
            text-align: center;
        }
    }
}
// 表格的样式
.tableMargin {
    margin-bottom: 20px;
    .table_handle {
        display: flex;
        justify-content: center;
        padding: 10px 0;
        .handleBtn {
            flex-shrink: 0;
            padding: 3px 10px;
            border-radius: 3px;
            &:hover {
                color: white;
                background-color: @mainColor;
                transition: all 0.3s;
            }
        }
    }
}
// 分页的样式
.tablePage {
    justify-content: center;
    padding-top: @padding-md;
    display: flex;

    .ivu-icon-ios-arrow-forward {
        color: @mainColor;
    }

    .ivu-page-options {
        order: -1;
    }

    .ivu-page-total {
        order: 1;
        margin: 0 4px;
    }

    .ivu-page-options-sizer {
        margin-right: 4px;
    }

    .ivu-page-item,
    .ivu-page-item-jump-prev,
    .ivu-page-item-jump-next,
    .ivu-page-prev,
    .ivu-page-next {
        background-color: #eeeff3;
        border-color: #eeeff3;
        min-width: 40px;
        padding: 0 6px;
        margin: 0 4px;

        &.ivu-page-item-active {
            a {
                color: white;
            }

            background-color: @mainColor;
        }
    }
}
// 点击光标
.y-pointer {
    cursor: pointer;
}
// 段落文字两端对齐
.y-text-wrap {
    white-space: break-spaces !important;
    text-align: justify !important;
    word-break: break-all;
}

// 单行溢出
.y-single-line{
    overflow: hidden;    
    text-overflow:ellipsis;    
    white-space: nowrap;
}

// 多行溢出
.y-multi-line{
    display: -webkit-box;    
    -webkit-box-orient: vertical;    
    -webkit-line-clamp: 2;    
    overflow: hidden;
}